﻿
@{
    ViewBag.Title = "Index";
}
@section head{
    <script src="~/Areas/WeChat/js/app/banner.js"></script>
}
<div ms-controller="home_index">
    <!--触摸滑动切换-->
    <div style="background:#fff;padding:0px">
        <div align='center'>
            <div id='slider2' class='swipe2'>
                <div class='swipe-wrap2'>
                    <div><img src="~/Areas/WeChat/images/banner_03.jpg"></div>
                    <div><img src="~/Areas/WeChat/images/banner_02.jpg"></div>
                </div>
            </div>
            <nav style="margin-top:-30px">
                <ul id="position2" class="position2">
                    <li class="on"></li>
                    <li></li>
                </ul>
            </nav>
            <script>
                window.mySwipe =
                Swipe(document.getElementById('slider2'), {
                    startSlide: 0,
                    speed: 400,
                    auto: 3000,
                    continuous: true,
                    disableScroll: false,
                    stopPropagation: false,
                    callback: function (pos) {
                        var i = bullets.length;
                        while (i--) {
                            bullets[i].className = ' ';
                        }
                        if (bullets[pos])
                            bullets[pos].className = 'on';
                    }
                });
                var bullets = document.getElementById('position2').getElementsByTagName('li');
            </script>
        </div>
    </div>
    <!--触摸滑动切换-->
    <div id="kong" style="height:30px"></div>
    <!--搜索框-->
    <div class="search">
        <input type="text" name="keyword" placeholder="输入搜索商品" ms-duplex-string="##keyword" class="in_so3" />
        <img src="~/Areas/WeChat/images/search_05.png" ms-click="##search">
    </div>
    <div class="hot_product">
        <div class="title"><h2>推荐商品</h2><span><a href="#">更多>></a></span></div>
        <ul ms-if="##hasData" class="hidden" ms-class="##showData">
            <li style="padding-bottom:15px;" ms-for="el in ##recommendCommodities">
                <a href="#">
                    <div class="list_div_r">
                        <div class="list_div_img"><img ms-attr='{src:el.ImageSrc}' /></div>
                        <div class="list_wz">{{el.Name}}</div>
                        <div class="list_jg">￥{{el.Price}}</div>
                    </div>
                </a>
            </li>
        </ul>
    </div>
</div>
<div style="height:61px; clear:both;"></div>
@{Html.RenderPartial("_Footer");}
@section script{
    <script>
        require(["app/home.index"]);
    </script>
}

